<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--表单元素：采集用户信息，并提交信息到服务器
		采集用户信息元素 input 必须属性 type决定input呈现效果
		重点掌握type中属性值   text      文本框
		                     password   密文文本框
							 submit     提交
							 button     按钮   【html4.0写法加value="按钮名称"】
							 rest       重置
							 color      颜色
							 datetime-local 本地日期时间插件
							 date       日期
							 time
							 week       
							 range      滑块
							file         文件
							radio        单选框  结合name  checked默认选择
							checkbox    复选框     checked默认选项
							image       图片按钮    结合src属性使用
							hidden      隐藏 结合JS
		-->
		<form>
			<h1>控件元素</h1>
		账号：<input type="text"><br />
		密码：<input type="password"><br />
		<input type="submit">
		<input type="button" value="自定义按钮">
		<!--html5.0写法-->
		<button>点击按钮</button>
		<input type="reset"><br />
		<input type="color">
		<input type="datetime-local"/>
		<input type="date">
		<input type="time">
		<input type="week">
		<input type="range">
		<input type="file"><br />
		男<input type="radio" name="sex" checked="checked"/>
		女<input type="radio" name="sex"/>
		<input type="checkbox"/> 红烧肉
		<input type="checkbox" checked/>麻辣烫
		<input type="checkbox"/>佛跳墙
		<input type="image" src="img/2.jpg"/>
		<input type="hidden"/>
		<h1>下拉列表元素</h1>
		<!--层叠元素 快捷键：select>option-->
		发车时间：<select>
			<option>00:00--24:00</option>
			<option>00:00--06:00</option>
			<option>06:00--12:00</option>
			<option>12:00--18:00</option>
			<option>18:00--24:00</option>
		</select>
		<!--超大文本框  cols列属性  rows行属性-->
		<h1>超大文本框元素</h1>
		建议：<textarea cols="50" rows="10"></textarea>
		<!--细节元素  层叠元素 快捷键：details>summary+div-->
		<details>
			<summary>征婚启事</summary>
			<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod culpa, doloremque voluptatum aliquam porro aliquid blanditiis esse possimus ad incidunt eos debitis minus quas tempora tenetur provident. Aliquam, delectus ea.</div>
		</details>
		
		
		    <h1>---->>求职申请<<----</h1>
		 <table>
		            <tr>
						<td>用</td>
		            <td>户名：</td>
		                <td><input type="text" name="username"></td>
		            </tr>
		            <tr>
						<td></td>
		                <td> 密码：</td>
		                <td><input type="password" name="pwd"></td>
		            </tr>
		            <tr>
						<td></td>
		                <td>性别：</td>
		                <td>
		                    <input type="radio" name="gender" value="male">男
		                    <input type="radio" name="gender" value="female">女
		                    <input type="radio" name="gender" value="no">不透露
		                </td>
		            </tr>
		            <tr>
						<td></td>
		                <td>头像：</td>
		                <td><input type="file" name="avatar"></td>
		            </tr>
		            <tr>
						<td></td>
						<td></td>
		                <td >
		                    <input type="submit" value="提交">
		                    <input type="reset" value="清除">
		                </td>
		            </tr>
		            <tr>
						<td></td>
						<td></td>
		                <td >
		                    <input type="checkbox" name="info" value="private">不要公开我的信息
		                </td>
		            </tr>
		        </table>
			
			
			
			
		</form>
		
		
		<h1>新元素</h1>
		<!--记号笔元素-->
		周五<mark>放假</mark>
		<!--度量元素 value度量单位="默认:0min~1max"值   指定最大值跟最小值
		min属性  max属性
		-->
		电量：<meter value="50" min="0" max="100"></meter>
	</body>
</html>